<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<title><block name="title">大学生就业平台</block></title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/animate.min.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/common.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/index.css">
	<block name="resource"></block>
	<script src="__PUBLIC__/home/js/swiper.min.js"></script>
	<script src="__PUBLIC__/home/js/hammer.min.js"></script>
	<script src="__PUBLIC__/home/js/jquery-3.1.1.min.js"></script>
    
</head>
<body>
    <div id="header">
        <div id="nav" class="header">
            <div id="topnav">
                <nav class="navbar navbar-default" role="navigation">
                    <div class="container-fluid">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainbav">
                                <span class="sr-only">切换导航</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <button type="button" class="navbar-toggle" data-toggle="collapse"
                                    data-target="#example-navbar-collapse">
                                <span class="glyphicon glyphicon-user"></span>
                            </button>
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <a class="navbar-brand ani" href=""swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">
                                        大学生创新创业平台
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="example-navbar-collapse" class="collapse navbar-collapse">
                            <ul class="nav navbar-nav navbar-right">
								<if condition="$session eq ''">
                                <li><a href="{:U('login/register')}"><span class="glyphicon glyphicon-user"></span> 注册</a></li>
                                <li><a href="{:U('login/index')}"><span class="glyphicon glyphicon-log-in"></span> 登录</a></li>
                                <else/>
								<li><a href="{:U('personalCenter/index')}"><span>欢迎<b style="color:red;padding:0 5px;">{$session.nickname}</b>登录就业平台</span></a></li>
								<li><a href="{:U('login/log_out')}"><span class="glyphicon glyphicon-log-in"></span> 注销登录</a></li>
								</if>
								<li>
                                    <a href="{:U('PersonalCenter/index')}" class="dropdown-toggle"
                                       data-toggle="dropdown" role="button" aria-haspopup="true"
                                       aria-expanded="false">
                                        <span class="glyphicon glyphicon-home"></span> 个人中心
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu" >
                                        <li><a href="{:U('personalCenter/index')}">用户信息</a></li>
                                       <li><a href="{:U('personalCenter/projectInformation')}">项目信息</a></li>
                                        <li><a href="{:U('personalCenter/memberCenter')}">会员中心</a></li>
                                        <li><a href="{:U('personalCenter/systemMessage')}">系统消息</a></li>
                                    </ul>
                                </li>
                                
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
            <div class="mainbav">
                <div class="container">
                    <div class="row">
                        <div id="mainbav" class="collapse navbar-collapse">
                            <ul class="nav nav-tabs nav-justified" id="">
							<volist name="navs" id="vo">
							
                                <li <if condition="$vo['control'] eq CONTROLLER_NAME">class="active"</if>><a href="{:U($vo['n_url'])}" class="h4">{$vo.n_title}</a></li>
								                              
							</volist>	
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
<block name="banner">
        <div id="banner">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <volist name="list" id="vo">
                    <div class="swiper-slide"><a href=""><img style="width:100%;height:100%;" src="__PUBLIC__{$vo.image}" alt=""/></a></div>
                    </volist>
                </div>
                <!-- 分页器 -->
                <div class="swiper-pagination  swiper-pagination-auto"></div>

                <!-- 导航按钮
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>-->
            </div>
        </div>

</block>
    </div>
	<div>
		<ol class="breadcrumb" style="margin-bottom:0px;">
		<block name="nav-pos">
        
		</block>
		</ol>
	</div>

<block name="main">
    <div id="main">
        <!-- 项目展示 -->
        <div class="project">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-xs-12"><h3><a href="{:U('Project/index')}">项目展示</a></h3></div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                        <div class="project-img center-block">
                            <div class="swiper-container gallery-top">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide" style="background-image:url(__PUBLIC__/home/image/project1.jpg)" data-id="1"></div>
                                    <div class="swiper-slide" style="background-image:url(__PUBLIC__/home/image/project2.jpg)" data-id="2"></div>
                                    <div class="swiper-slide" style="background-image:url(__PUBLIC__/home/image/project3.jpg)" data-id="3"></div>
                                </div>
                                <!-- 导航按钮 -->
                                <div class="swiper-button-next swiper-button-white"></div>
                                <div class="swiper-button-prev swiper-button-white"></div>
                            </div>
                            <div class="swiper-container gallery-thumbs">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide" style="background-image:url(__PUBLIC__/home/image/project1.jpg)"></div>
                                    <div class="swiper-slide" style="background-image:url(__PUBLIC__/home/image/project2.jpg)"></div>
                                    <div class="swiper-slide" style="background-image:url(__PUBLIC__/home/image/project3.jpg)"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><strong>项目名称：</strong><span>咖啡屋</span></div>
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><strong>项目团队：</strong><span><a href=""> 周星星 </a></span>|<span><a href=""> 李四 </a></span>|<span><a href=""> 王五</a></span></div>
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><strong>指导老师：</strong><span><a href=""> 周星星 </a></span></div>
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><strong>项目详细：</strong><span>基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在 Bootstrap 基本结构 部分详细讲解。
                                CSS：Bootstrap 自带以下特性：全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。这将在 Bootstrap CSS 部分详细讲解。
                                组件：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在 布局组件 部分详细讲解。
                                JavaScript 插件：Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件，也可以逐个包含这些插件。这将在 Bootstrap 插件 部分详细讲解。
                                定制：您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本。</span></div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 "style="text-align:right;"><a href="{:U('project/index')}">更多项目 》</a></div>
                </div>
            </div>

        </div>
        <!-- 金牌老师 -->
        <div class="teacher">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><h3><a href="{:U('Teacher/index')}">金牌老师</a></h3></div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <img src="__PUBLIC__/home/image/teacher1.jpg" alt="" class="img-responsive"/>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                               <div class="row">
                                   <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><strong>彭少宏</strong></div>
                                   <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12">华育国际老师</span>
                                   <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
对于swiper的progress属性，活动的slide在最左（上）边时为0，活动的slide在最右（下）边时为1，其他情况平分。例：有6个slide，当活动的是第三个时swiper的progress属性是0.4，当活动的是第五个时swiper的progress属性是0.8。</span>
                               </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <img src="__PUBLIC__/home/image/teacher2.jpg" alt="" class="img-responsive"/>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><strong>张大大</strong></div>
                                    <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12">蓝翔老师</span>
                                    <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12">对于swiper的progress属性，活动的slide在最左（上）边时为0，活动的slide在最右（下）边时为1，其他情况平分。例：有6个slide，当活动的是第三个时swiper的progress属性是0.4，当活动的是第五个时swiper的progress属性是0.8。</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <img src="__PUBLIC__/home/image/teacher3.jpg" alt="" class="img-responsive"/>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><strong>李小小</strong></div>
                                    <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12">新东方老师</span>
                                    <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12">对于swiper的progress属性，活动的slide在最左（上）边时为0，活动的slide在最右（下）边时为1，其他情况平分。例：有6个slide，当活动的是第三个时swiper的progress属性是0.4，当活动的是第五个时swiper的progress属性是0.8。</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row" style="text-align:right;">
                    <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><a href="">更多老师 》</a></span>
                </div>
            </div>
        </div>
        <!-- 新闻 -->
        <div class="news">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-xs-12"><h3><a href="{:U('News/index')}">动态新闻</a></h3></div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 ">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide"><a href=""><img src="__PUBLIC__/home/image/news4.jpg" alt=""/><span class="title">1.2亿股民看过来 这份文件7月1日将怎样影响你</span></a></div>
                                <div class="swiper-slide"><a href=""><img src="__PUBLIC__/home/image/news5.jpg" alt=""/></a></div>
                                <div class="swiper-slide"><a href=""><img src="__PUBLIC__/home/image/news6.jpg" alt=""/></a></div>
                            </div>
                            <!-- 分页
                            <div class="swiper-pagination"></div>-->
                            <!-- 导航按钮 -->
                            <div class="swiper-button-prev  swiper-button-white"></div>
                            <div class="swiper-button-next  swiper-button-white"></div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                        <div class="row">

                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><h4><a href="">父亲节：重温习近平写给父亲的一封信</a></h4></div>
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><h4><a href="">全国338个城市水环境质量将有排行榜</a></h4></div>
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><h4><a href="">相声表演艺术家唐杰忠因病逝世 享年85岁</a></h4></div>
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><h4><a href="">相声表演艺术家唐杰忠因病逝世 享年85岁</a></h4></div>
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><h4><a href="">朝鲜谴责外交文件纽约遭抢：美国无法无天</a></h4></div>
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><h4><a href="">相声表演艺术家唐杰忠因病逝世 享年85岁</a></h4></div>
                        </div>
                    </div>
                </div>
                <div class="row" style="text-align:right;">
                    <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><a href="{:U('news/index')}" style="color:#337ab7;">更多新闻 》</a></span>
                </div>
            </div>
        </div>
    </div>

</block>
    </div>
	<div id="footer">
        <div class="footer">
            <div class="container">
                <div class="row">
                    <div>友情链接: <strong><a href="">首页</a></strong> | <strong><a href="">金牌老师</a></strong> | <strong><a
                            href=""> 联系我们</a></strong></div>
                    <div class="w-1000 copyright" style="text-align: center;">
                        Copyright © 2013-2017
                        <strong><a href="">大学生创新创业平台
                        </a></strong>
                        &nbsp;
                        <strong><a
                                href="">XXX.com</a></strong>
                        All Rights Reserved. 备案号：闽ICP备
                        15012807号-1
                    </div>
                </div>
            </div>
        </div>
    </div>

<script src="__PUBLIC__/home/js/swiper.animate.min.js"></script>
<script src="__PUBLIC__/home/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/home/js/common.js"></script>
<script src="__PUBLIC__/home/js/index.js"></script>

<!--[if lt IE 9]>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
$('.gallery-thumbs').click(function(){
    var as=$('.gallery-top .swiper-wrapper').find('.swiper-slide-active').attr('data-id');
   console.log(as);
});



</script>

</body>
</html>